* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    }
   
   
    header {
   width: 100%;
    display: flex;
    align-items: end;
    height: 50px;
    background-color: rgb(41, 67, 143);
    background-repeat: no-repeat;
    border-bottom: 1px solid rgb(243, 242, 242);
    box-shadow: 1px 10px 10px 0px rgba(0, 0, 0, .3);
   
    }
   
    nav {
   
    display: inline-block;
    display: flex;
    margin-left: 50px;
   margin-bottom: 5px;
    width: 100%;
    border-right: 1px solid rgb(225, 225, 225);
    }
   
    nav li {
   flex: 1;
    height: 50px;
    margin: 0px 20px;
   
    }
   
    nav li a {
    display: inline-block;
    width: 100%;
   height: 100%;
    text-align: center;
    line-height: 50px;
    color: #faf7f7;
    font-weight: 900;
   margin-top:5px ;
    }
   
    nav li a:hover {
    border-bottom: 5px solid #b7b6b7;
    }

.slider{
    width: 568px;
    height:400px;
    overflow:hidden;
}


.head{
    height: 100px;
width: 100%;
background-image: url(../img/7.jpg);
background-repeat: no-repeat;
background-position: 5px center;
}
.head span {
    float: right;
    border: 1px solid #101011;
    border-radius: 32px;
   padding: 10px;
   margin: 35px 15px;
}
.head a{
    color: #070707;
}

   
    iframe{
        position: sticky;
        top: 0 px;
        width: 100%;
        height: 50px;
    }



.one{
   font-size: 30px;
    width: 100%;
    height:55px;
    background-color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.two{
display: flex;
height: 350px;
background-color: hsl(210, 33%, 99%);

}
.three
{
    flex:1;
    height: 300px;
    margin: 10px;

}
.three img {
    height: 100%;
    width: 100%;
    border-radius: 32px;
    border:1px solid #b7b6b7;
}
.three img:hover{
    box-shadow: 10px 10px 10px -4px rgba(0,0,0,.3);
}

    

.four{
    font-size: 20px;
    color: #f8fafc;
    font-weight: 700;
    background-color: #34364e;
    text-align: center;
    width: 50px;
    height: 30px;
    text-indent: 1.5px;
    margin-left: 60px;
}

.shang{
    width: 100%;
    height: 350px;
display: flex;
 }
 .lt{
border: 2px solid #cbc7c7;
border-radius: 26px;
   justify-content: center;
    height: 300px;
margin-top: 25px;
margin-right: 25px;
flex: 1;
text-indent: 2em;
padding: 10px;
 }
 .lt:hover{
    box-shadow: 10px 10px 10px -4px rgba(0,0,0,.3);
 }
 .zhi{
   width: 800px;
   height: 150px;
   line-height: 50px;
   
 }
 .ltr{
   width: 460px;
    height: 300px;
    margin-top: 25px;
    margin-left: 20px;
 }
 .ltr img{
    width: 300px;
    height: 300px;
    padding: 10px;
    
 }
 .rf{
    width: 350px;
    height: 300px;
    float: right;
    margin-top: 25px;
 }
 .rf img{
    width: 320px;
    height: 300px;
    padding-left: 50px;
 }
 .five{
   border: 2px solid #bfbcbc;
   border-radius: 26px;
    height: 300px;
    text-indent: 2em;
    flex: 1;
margin-top: 25px;
margin-left: 25px;
padding: 10px;
 }
 .five:hover{
    box-shadow: 10px 10px 10px -4px rgba(0,0,0,.3);
 }
 h1{
text-align: center;
 }


.di {
    text-align: center;
    background-color: rgb(41, 67, 143);
    color:#fff;
    padding: 20px;
}
.tb{
    display: flex;
    width: 100%;
    height: 250px;
    background: #efefef;
    margin-top: 25px;
}
    table{
        flex: 1;
        height: 200px;
        margin-top: 20px;
    }
table th {
    color: #303030;
    line-height: 40px;
}
table a{
    color: #b7b6b7;
    font-size: 16px;
    line-height: 32px;
}